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Mengenal Smanty Lebih Jauh 


31 Keneksi Database 


Untuk menghubungkan smarty dengan database, tidak ada konfi- 
gurasi yang berarti. Yah.. koneksi database seperti biasa kita 
melakukan koneksi database menggunakan php biasa. Yaitu 
menggunakan perintah: 


Mysgl connect, jika kita ingin menghubungkan dengan database 
mysgl. 

Mysgl select db, jika kita ingin menghubungkan atau menggunakan 
dengan database tertentu. 

Caranya: 


1. Anda buat terlebih dahulu sebuah database di dalam 
phpmyadmin Anda (http://localhost/phpmyadmin), dengan 
nama database dbsmarty. 


2. Buat 1 tabel dengan nama tmahasiswa dengan spesifikasi 
field sebagai berikut. 


Field Type Length PrimaryKey Autoincreament 
Nim varchar 10 ki 
Nama varchar 50 
alamat text 
id jurusan | Int 11 


3. Buat 1 file php dengan nama koneksi.php kemudian simpan 
di dalam folder kerja Anda (folder smarty). Adapun skripnya 
sebagai berikut: 
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«?php 


$hostName - "localhost", 

$userName 5 Moe 

$password SANA 

$database - "dbsmarty" : 

mysgl connect ($hostName, $userName, $password) or 
die( "Koneksi Gagal"): 

mysgl select db($database) or die( "Database tidak 
ditemukan." ), 

22 


4. Buka dan jalankan skrip yang telah dibuat melalui web 
browser Anda dengan mengetikkan 
http://localhost/smarty/koneksi.php. Jika pada jendela web 
browser Anda tidak menampilkan apa-apa, maka 
SELAMAT! koneksi database telah berhasil Anda lakukan. 


(@ Mozilla Firefox bala. 
Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 
-— T O AN 123) http://localhost/smarty/koneksi.php 7 - “- Google P£ 


2, Terbanyak Dikunjungi @ Perkenalan & Berita Terbaru 
http://localhost/smarty/koneksi.php t - 


Selesai Pi 


Gambar 3.1 Hasil skrip koneksi.php 


3.2 Mengenal Section 


Section dalam smarty digunakan untuk mengulang suatu lemparan 
array yang dihasilkan dari file logika (php). Ibarat jika di file logika 
kita menggunakan foreach, maka di file layout kita menggunakan 
section. 
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Sebagai contoh, penulis akan buat studi kasusnya. 


Buat file dengan nama section.php dan letakkan dalam folder smarty 
Anda. Adapun skripnya sebagai berikut: 


c?ph 
reguire( 'libs/Smarty.class.php"): 
$smarty - new Smarty, 


for ($i-1: $i 10: $i-)f 
$data array(J - array( 'no' -» $i, 
'nama' —-5 "Agus Saputra", 
'position' —5 "Lead Programmer", 
'company' -5 "Asfa Solution"), 


5 


$smarty-sassign("data", $data array): 
$smarty-»display("section.tp1l"), 
25 


Penjelasan kode: 


e  reguire('libs/Smarty.class.php'): artinya kita membutuhkan 
atau memanggil file library smarty, yaitu Smarty.class.php. 


e $smarty - new Smarty: kita buat objek baru dari class smarty. 
Ini merupakan konsep oop php. 


e for (Si-1: $i — 10, $i-w)( kita lakukan perulangan sebagai 
ganti dari menampilkan data melalui database. Kita set for 
sebanyak 10 kali perulangan. 


e Sdata arrayf1 kita buat format array untuk penyimpanan value. 
Pada s$data array, kita berikan fungsi (1, karena data yang 
ditampilkan lebih daripada 1. Adapun value data array itu ada 
pada nama, position, dan company. 


e  S$smarty-sassign("data", Sdata array): kita masukkan assign 
hasil dari $data array, ke dalam variabel assign data. Variabel 
assign inilah nanti yang akan digunakan pada file layout. 


e  Ssmarty-»display("section.tpl"): kita akan tampilkan semua 
skrip yang telah dibuat ke dalam section.tpl. 
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Buat file layout dengan nama section.tpl dan simpan ke dalam folder 
template. Adapun skripnya sebagai berikut: 


(section name-ct loop-fdata! 

(SdatafctJ.nor. £$datafctj.namar -  f$£datafct|.position? 
cbrs 
(/section) 


Penjelasan kode: 


e  fsection name-ct  loop-$datal kita buat section untuk 
mengulang suatu data. 


Formatnya adalah: 
(section 
name-ct 
loop-$data 
h 
Section 5 perintah smarty tpl untuk memulai suatu sesi. 


Name » nama section. 


Loop D variabel data yang akan di-looping, dalam hal ini kita 
sudah mempunyai variabel assign dari file php (Sdata). 


e  £$datafctl.no4 perintah untuk menampilkan data ke halaman 
web. 


Formatnya adalah: 
(loopinama section|.nama array) 


e  £/section? perintah untuk menutup perintah section. 


Jalankan skrip yang telah Anda buat melalui web browser dengan 
mengetikkan http://localhost/smarty/section.php, maka akan ditam- 
pilkan hasil seperti pada Gambar 3.2. 
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@ Mozilla Firefox er 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 


” (& rai 123) http://localhost/smarty/section.php Ea “9- Google Ps) 
2, Terbanyak Dikunjungi & Perkenalan 3, Berita Terbaru 
ME AG "Search (ol Search | D safe IM - | &, Weather "FI Facebook 


a http://localhost/smarty/section.php & ai 


1. Agus Saputra - Lead Programmer 
. Agus Saputra - Lead Programmer 
. Agus Saputra - Lead Programmer 
. Agus Saputra - Lead Programmer 
. Agus Saputra - Lead Programmer 
. Agus Saputra - Lead Programmer 
. Agus Saputra - Lead Programmer 
8. Agus Saputra - Lead Programmer 
9. Agus Saputra - Lead Programmer 
10. Agus Saputra - Lead Programmer & | 


Due YK 


4 


Gambar 3.2 Hasil skrip section.php 


33 Section dalam Section 


Seperti dalam subjudulnya saja sudah jelas. Section digunakan untuk 
memulai suatu sesi perulangan. Di dalam suatu sesi tersebut, ada 
sesi perulangan lagi. Jadi ganda deh. Penulis ambil contoh, misalnya 
suatu kali kita dihadapkan oleh suatu data dengan format berikut. 


Komputer 
- Sistem Informasi Nilai Akademik untuk Panduan Skripsi 
- Web Tips: PHP, HTML5, dan CSS3 
Novel 
-  Poconggg juga Pocong 
- Ada Apa dengan Cinta 
Majalah 
- Pulsa 


- Info Komputer 
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Artinya, kita mengulang data kategori, sedangkan di dalam kategori 
tersebut juga diulang suatu data buku yang merupakan isi kategori. 
Biasanya ada pada situs seperti kompas.com, detik.com, dan lain- 
lain, menampilkan list kategori berita dengan isinya yang dibatasi 
hanya beberapa berita. 


Sebagai sampel saja, penulis akan memberikan contoh tanpa 
menggunakan database. 


Buat file dengan nama section2.php dan simpan ke dalam folder 
smarty Anda. Adapun skripnya sebagai berikut: 


c?php 
reguire( 'libs/Smarty.class.php'): 
$smarty - new Smarty: 
for ($i-1, Sl 5 2 $it4)£ 
$isi(J| - array('spesifikasi' —» "PHP"): 


for ($i-1: $i — 10: $i-4)f 
$data array(J - array( 'no' -- $i, 
'nama' —-5 "Agus Saputra", 
'position' —5 "Lead Programmer", 
'company' —5 "Asfa Solution", 
'spesifikasi' -2 $isi 
1 


5 


$smarty-2assign("data", $data array): 
$smarty-»display("section2.tpl"), 
25 


Untuk penjelasan kodenya hampir sama dengan yang subbab 
sebelumnya. Hanya saja di sini kita membuat variable array menjadi 
2 bagian. Yang pertama untuk menampilkan kategori, yang ke-2 
(Sisi) digunakan untuk menampilkan data dari bagian kategori 
tersebut. Kemudian Sisi kita masukkan jadi 1 ke dalam variabel 
Sdata array. 


Selanjutnya bisa Anda buatkan file layout dengan nama section2.tpl 
kemudian simpan dalam folder template. Adapun skripnya sebagai 
berikut: 


(section name-ct loop-f$data! 
(SdatafctJ.noj. £$data(ctJ.namaj - £$data(ctJ.position) 


(section name-ct2 loop-$datafct).spesifikasi)cbr» 


- (S$datafct|.spesifikasifct2)|.spesifikasi) 
(/section): 
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cbr» 
t(/sectionj 


Mungkin pada skrip (section name-ct2 loop-$datafctJ.spesifikasi) 
inilah yang akan membuat Anda bingung. Benar tidak? & nggak 
usah bingung ... kan data array kolom spesifikasi itu kan bersifat 
array lagi. Jadi, mau nggak mau, ya kita ulang lagi. Coba deh, 
perhatikan lagi lebih lanjut dan lebih teliti. Nanti juga paham. Di 
sinilah maksud dari subbab “Array Adalah Hal yang Wajib dalam 
Smarty”.. 9 


Hasil skrip di atas, akan menampilkan hasil seperti pada Gambar 3.3. 


(@ Mozilla Firefox 3 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 

@ ?. GE) http//localhost/smarty/section2.php Ag “S- Google » 
| Terbanyak Dikunjungi @ Perkenalan 1. Berita Terbaru 

MEAVG - Seorch @, Searen | & Sate Fil -| 5 Weather Ikil Facebook | (“Ai Speedtest (4 SO 

(3 http://ocalhost/smarty/section2.php |“ & 


1. Agus Saputra - Lead Programmer $ 
- PHP 

- PHP 

2. Agus Saputra - Lead Programmer 

- PHP 

- PHP 

3. Agus Saputra - Lead Programmer 

- PHP 

- PHP 

4. Agus Saputra - Lead Programmer 

- PHP 

- PHP 

5. Agus Saputra - Lead Programmer 

- PHP 

- PHP 

6. Agus Saputra - Lead Programmer 

- PHP 

- PHP 

7. Agus Saputra - Lead Programmer 

- PHP 

- PHP Ik 
8. Agus Saputra - Lead Programmer 

- PHP 

- PHP - 


m 


Gambar 3.3 Hasil skrip section2.php 


34 Operasi PHP dalam Smarty 


Dalam php, kita mengenal 4 macam operasi, yaitu create, read, 
update, dan delete. Di mana ke-4 operasi tersebut mutlak harus 
dikuasai. 
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e Create, yaitu operasi yang digunakan untuk menambah suatu 
data ke dalam database. 


e Read, yaitu operasi yang digunakan untuk mengambil data dari 
database. 


e Edit, yaitu operasi yang digunakan untuk mengubah data dari 
database. 


e Delete, yaitu operasi yang digunakan untuk menghapus data 
dari database. 


341 Tambah Data 


Sudah penulis jelaskan masing-masing dari pengertian operasi. 
Sebaiknya tak usah panjang lebar, penulis akan berikan contoh 
menambah data menggunakan smarty. 


Buat file dengan nama tambah.php, dan simpan dalam folder smarty 
Anda. Selanjutnya ketikkan skrip berikut: 

«?php 

error reporting(0): 


reguire( 'libs/Smarty.class.php"):, 
$smarty - new Smarty, 


include "koneksi.php": 
if ($ POST| 'simpan') —- 'Save')f 

mysgl guery("INSERT INTO tmahasiswa 
(nim, nama, alamat, id jurusan) 


VALUES( '$ POSTfnimJ', '$ POSTfnamaj', '$ POSTJalamat)', '$ POS 
T(id jurusan)')"): 


$smarty-zassign("success", 1): 


5 


$smarty-»display("tambah.tp1"): 
25 


Untuk masing-masing penjelasan kode, dapat Anda lihat pada 
penjelasan sebelumnya. Hanya saja pada skrip: 


if ($ POSTf 'simpan') -- 'Save') 
artinya jika file php mendapat kiriman parameter POST, maka akan 


terjadi proses penyimpanan data. Kemudian kita set assign terhadap 
variabel success. Ini nanti akan digunakan pada file layout-nya. 
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Cukup jelas bukan? & 
Selanjutnya berikut skrip untuk file layout (tambah.tpl): 


fif $success eg '1'1 
Data berhasil disimpan 


Vif) 
sform method-"POST" action-""s 
stable» 
str 
Std2NIMK/td» 
std2:«/tds 
std»sinput type-"text" name-"nim"5cx/tds 
c/tr3 
ctrs 
std2Namas/ td» 
std2:«x/tds 
std»sinput type-"text" name-"nama"5«/td» 
Utr3 
cstr3 
std2»Alamat«x/td» 
std2:«/tds 
std»stextarea name-"alamat"»«/textarea»«/td» 
Utrs 
str 
std»Id Jurusan«/td-» 
std2:«/tds 
ctd» 
sselect name-"id jurusan"- 
soption value-"1"5Teknik Informatikas/option2 
soption value-"2"5Sistem Informasis/option» 
soption value-"3"5Manajemen Informatikasx/option2 
soption value-"4"skomputerisasi Akuntansis/option2 
«/select» 
/tds 
Utr3 
str3 
std»sinput type-"submit" name-"simpan" value-"Save"»cx/td» 
trs 
«/ table» 
/forms 


Pada skrip yang tercetak tebal, merupakan kiriman dari file php. Jika 
$success - nya terdeteksi 1, maka akan ditampilkan “Data berhasil 
disimpan”. 


Jalankan skrip yang telah dibuat melalui web browser Anda dengan 


mengetikkan url http://localhost/smarty/tambah.php. Silakan tam- 
bah data sebanyak-banyaknya. Lihat Gambar 3.4. 
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(@ Mozilla Firefox . — 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 
@ - Ie: (SE http://localhost/smarty/tambah.php 7 - “4- Google 2 
2, Terbanyak Dikunjungi @ Perkenalan 3 Berita Terbaru 
ik ava " Search let Search | ( Safe ln -| (5, Weather "7 5 
(EJ http://localhost/smarty/tambah.php - 
|| Data berhasil disimpan 
(NM :20101 
| Nama — : Agus Saputra 
Arjawinangun 
Alamat : 
| || 
| 
Selesai . 
Gambar 3.4 Hasil skrip tambah.php 
342 Tampil Data 
Setelah data disimpan, kali ini kita buat action untuk menampilkan 


data. 


Buat file dengan nama tampil.php dan simpan ke 
smarty Anda. Adapun skripnya sebagai berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php'): 
$smarty - new Smarty, 


include "koneksi.php": 


$no - 1, 
$sgl - mysgl guery( "SELECT “ FROM tmahasiswa ORDER BY 
while ($data - mysgl fetch array($sgl))t 
$dataresult|J - array( 'no' -2 $no, 
'nim' -5 $datafnimJ|, 
'nama' -5 $data(namaj, 
'alamat' —5 $datafalamat|, 


dalam folder 


nama ASC"): 


'id jurusan" —5 $datafid jurusanj 


y: 
$no-t-4: 


5 


$smarty-2assign("data", $dataresult), 
$smarty-»display("tampil.tp1"): 
25 
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Penulis tidak jelaskan kembali untuk skrip di atas, bisa Anda lihat 
pada bab-bab sebelumnya.. “8. Sayang kertas kalo bahasannya 
diulang-ulang mulu, kecuali kalo ada skrip baru, baru penulis 
jelaskan lagi. 


Buat file layout dan beri nama tampil.tpl dan simpan ke dalam folder 
template. Adapun skripnya sebagai berikut: 


xh45Data Mahasiswas/td» 
stable border-12- 


ctrs 
ctd2Nox/td» 
Std2NIML/td- 
ctd»Nama/td» 
std»Alamat«/td» 
std-Id Jurusan«/td» 
Udtr3 


(section name-hasil loop-$data) 


str5 
std»#$data(hasilJ.no)«/td» 
ctd»f$datafhasilJ.nim)«/td» 
ctd»f$datafhasilJ.nama)«x/td» 
std»4#$datafhasilj|.alamat)«x/td» 
ctd»f$dataf(hasilj.id jurusanyx/td» 

trs 

t(/sectionj 

/table- 


Hasil skrip di atas akan menampilkan hasil seperti pada Gambar 3.5. 
(http://localhost/smarty/tampil.php) 


(@ Mozilla Firefox KA 
Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 
@ P2 (— (9 EJ http://localhost/smarty/tampil.php A7 - H2 Google 2 
,@, Terbanyak Dikunjungi @ Perkenalan » Berita Terbaru 
MENG - Search O, Search | D sate -| (& Weather Iu Fat, 
(53 http:/Mlocalhost/smarty/tampil.php - 5 

(| Data Mahasiswa 
INo/NIM (Nama (Alamat Id Jurusan 


1 (20101/Agus Saputra |Arjawinangun (2 
1 /20102'//Feni Agustin Cirebon 2 
1 (20103 (Hadi Setiawan |Arjawinangun (3 


Gambar 3.5 Hasil skrip tampil.php 


41 


3.43 Ubah Data 


Untuk proses ubah data, sebaiknya pada file tampil.tpl tambahkan 
skrip yang tercetak tebal berikut: 


xh45Data Mahasiswas/td» 
stable border-1- 
ctrs 
std-»Noc/td» 
Std2NIML/td-» 
std-»Namas/td» 
std»Alamat«/td» 
std»Id Jurusan«/td» 
std colspan-22Aksis/td» 
Utr3 


(section name-hasil loop-$datal 

strs 
ctd»f$datafhasilJ.no1x/td» 
ctd»f$datafhasilJ.nim)«x/td» 
ctd»f$dataf(hasilJ|.nama)x/td» 
std»4#$datafhasil|.alamat1«x/td» 
std»f$datafhasilj.id jurusan?«x/td» 
std»sa href-"edit.php?nim-f$datafhasilJ.nim)"5Editxs/a2x/td» 
stdsxa 

href-"hapus.php?nim-f$data(hasil).nim)"5Hapus/a?c/td» 

trs 

t/sectionj 

d/table- 


Refresh kembali pada halaman tampil.php, hasilnya dapat Anda lihat 
pada Gambar 3.6. 


(@ Mozilla Firefox —3 

Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 

AS G3 BI http://localhost/smarty/tampilphp Ly “| MI Google 

2) Terbanyak Dikunjungi @ Perkenalan ». Berita Terbaru 

MEANG - Score A, searen | G Sate FI - | 5 Weather IKI Fad 
(E3 http//ocalhost/smarty/tampil.php 

Data Mahasiswa 

No/NIM (Nama Alamat — td Jurusan|/Aksi 

1 (20101/|Agus Saputra |Arjawinangun (2 (Ecit (Htapus 

2 (zo102/Feni Agustin (Cirebon 2 (Ecit (tapus 

3 (20103 (Hadi Setiawan (Arjawinangun 3 (sit (Htapus 

k 
Selesai . 


Gambar 3.6 Hasil skrip tampil.php 
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Buat file dengan nama edit.php, kemudian simpan dalam folder kerja 
smarty Anda. Adapun skripnya sebagai berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php"): 
$smarty - new Smarty, 


include "koneksi.php": 


if (!empty($ GETI 'nim'1))£ 
$sgl - mysgl guery("SELECT “ FROM tmahasiswa WHERE nim - 
'$ GET(nim|'"): 
$data - mysgl fetch array($sagl): 
$dataresult - array( 'nim' —5 $dataf(niml, 
'nama' -5 $data(namal, 
'alamat' -5 $dataf|alamat|, 
'id jurusan! -5 $datafid jurusan) 


y 
$smarty-zassign("data", $dataresult), 


if ($ POSTP'edit') — 'Edit")£ 
$sgl - mysgl guery( "UPDATE tmahasiswa SET nama 
- '$ POST(namaj', 


alamat - '$ POSTfalamat|', 
id jurusan - '$ POST|id jurusan|' 
WHERE nim - '$ POST(nim)|'"): 
header("location: tampil.php"): 

5 


5 
$smarty-»display("edit.tpl"), 
22 


Setelah file logika kita buat, selanjutnya kita buat file layout bernama 
edit.tpl dan simpan dalam folder template. Adapun skripnya sebagai 
berikut: 


cform method-"POST" action-""5 


«table» 
cstrs 

Std2NIMK/td» 

std»: «/tds 

std»xinput type-"text" name-"nim" value-"f$data.nim)" 
disabled» 

«sinput type-"hidden" name-"nim" 

value-"$data.nim)"5c/td» 
Utr3 
str 

std2Namas/td» 

std2:«/tds 

std»xsinput type-"text" name-"nama" 
value-"$data.nama)"5x/td» 
c/tr3 
ctr3 
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std2Alamat«/td» 
std»: /td» 
std»stextarea name-"alamat"»f$data.alamatix/textarea»x/td» 


Utrs 
str3 
std»Id Jurusan«/td-» 
std»: /tds 
ctds 
«select name-"id jurusan" 
«soption value-"1" tif $data.id jurusan -- 
13SELECTED4/if4»Teknik Informatikax/option» 
soption value-"2" tif $data.id jurusan -- 
21SELECTED#/if4»Sistem Informasix/option» 
soption value-"3" tif $data.id jurusan -- 
31SELECTED4/if4»Manajemen Informatikas/option2 
soption value-"4" tif $data.id jurusan -- 
413SELECTED4/if komputerisasi Akuntansis/option? 
«/select» 
d/td3 
trs 
str3 
std»sinput type-"submit" name-"edit" value-"Edit"5x/td» 
Utr3 
«/ table» 
/forms 


Refresh pada halaman tampil data. Kemudian klik salah satu link edit 
dari daftar mahasiswa, maka akan ditampilkan form edit seperti yang 
terlihat pada Gambar 3.7. 


| () Mozilla Firefox CO 
Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 
@ - Cc uni B http://localhost/smarty/edit.php?nim: 1.7 - “9- Google P2 
2! Terbanyak Dikunjungi @ Perkenalan & Berita Terbaru 
Maa " Search Aa Search | (7) Safe M -| W, Weather "FI Fad 


(3 http//localhost/s...dit.php?nim-20101 | -- - 


NIM :/20101 

Nama : Agus Saputra. S.Kom 
Arjawinangun 

Alamat : 


Selesai - 


Gambar 3.7 Hasil skrip edit.php 
Silakan lakukan perubahan data dan akhiri dengan klik tombol edit. 
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3.44 Hapus Data 


Untuk proses hapus data, kita memerlukan 1 file php saja (tanpa file 
layout). Karena apa? Karena hapus data itu kan tidak membutuhkan 
tampilan? 


Jadi, langsung saja hapus, kemudian langsung diarahkan ke 
halaman semula. Buat file dengan nama hapus.php, simpan ke 
dalam folder smarty. Adapun skripnya sebagai berikut: 


«?ph 
include "koneksi.php": 


mysgl guery( "DELETE FROM tmahasiswa WHERE nim - '$ GETfnim|'"): 


header("location: tampil.php"): 
22 


Refresh kembali halaman tampil.php, dan klik salah satu link hapus, 
maka data yang Anda klik akan terhapus seketika itu juga. Lihat 
pada Gambar 3.8. 


@ erie en ta 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 


Ga- (&- A AN a http://localhost/smarty/tampil.php Tedi £ ": Google P| 


12! Terbanyak Dikunjungi & Perkenalan », Berita Terbaru 
Maa " Search OA Search | g Safe MI - | W5 Weather "F) Fa 
| (El http/Mlocalhost/smarty/tampilphp || (- 


Data Mahasiswa 


No INIM (Nama Alamat Id Jurusan (Aksi 
1 (20101 Agus Saputra. S.Ko |Arjawinangun (2 Edit (Hapus 
2 20102 (Feni Agustin Cirebon 2 Edit (Hapus 
3 20103 Hadi Setiawan Arjawinangun |3 Edit (Hapus 
| | 
http://localhost/smarty/hapus.php?nim-20103 a | 


Gambar 3.8 Hasil skrip hapus.php 
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3.5 Upload File 


Kita akan masuk ke dalam teknik upload file. Upload file bisa 
bermacam-macam, contohnya upload gambar, video, dokumen, dan 
lain-lain. Upload itu bisa diartikan proses perpindahan dari lokal ke 
server. Lokal means My Computer and Server means Hosting... 
halah.. belagu deh om, english-english-an segala.. stupid amat dah.. 
Yang pasti, kita langsung saja mulai prosesnya. 


Oh iya, sebelumnya di sini penulis memberikan 2 contoh upload 
menggunakan move upload file dan juga copy, serta 1 tambahan 
thumbnail. 


3.51 Menggunakan Move uploaded. file 


Move uploaded file merupakan salah satu fungsi atau perintah yang 
digunakan untuk upload data/file. Dengan menggunakan 
move uploaded file, data akan langsung ter-upload ke direktori yang 
dituju tanpa harus tersimpan ke dalam log temp terlebih dahulu. 
Artinya dengan menggunakan fungsi ini, akan menghemat space 
Anda. Untuk menggunakan fungsi ini dalam smarty.. yukk simak 
baik-baik. 


Buat file dengan nama upload move.php dan simpan dalam folder 
kerja smarty Anda. Adapun skripnya sebagai berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php"): 
$smarty - new Smarty, 


if ($ POSTf 'upload"') —- 'Upload")£ 
$filename 2 $ FILES 'image'JI 'tmp name'J: 
$name - $ FILESf 'image'J( 'name'J: 
$direktori - "“images/$name" , 


move uploaded file($filename, $direktori), 
$smarty-zassign("success", 1): 
$smarty-zassign("fn", $name): 


5 


$smarty-»display("upload move.tp1"), 
25 
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Penjelasan kode: 


error reporting(0): artinya kita meng-hidden seluruh error agar 
tidak ditampilkan pada halaman web. 


reguire('libs/Smarty.class.php'): skrip untuk memanggil 
library smarty.class.php. 


$smarty - new Smarty: membuat new objek data dari class 
Smarty. 


if ($POSTP'upload') -- 'Upload')£ jika file php mendapat 
parameter kiriman dari form (tpl) yang teridentifikasi sebagai 
Upload, maka lakukan proses. 


$filename dan $name membuat variabel tipe upload data dari 
form. $name adalah nama file. 


$direktori variabel direktori tujuan. Tentang ke mana file yang 
di-upload akan disimpan. 


move uploaded file(S$filename, $direktori): proses upload 
terjadi, perpindahan dari lokal menuju ke direktori tujuan. 


$smarty-sassign("success", 1): membuat assign SUCCesS 
dengan nilai 1. Ini akan digunakan pada file layout. 


$smarty-sassign("fn", $name): membuat assign fn dengan nilai 
nama file. 


$smarty-»display( "upload move.tp1l"): tempat skrip dan hasil 
ditampilkan, yaitu akan ditampilkan pada file upload move.tpl. 


Selanjutnya buat file layout dengan nama upload move.tpl dan 
simpan ke dalam folder template. Adapun skripnya sebagai berikut: 


sform method-"POST" action-"" enctype-"multipart/form-data"s 
stable- 
str 
std2Upload Filex/td» 
std»: /tds 
std»sinput type-"file" name-"image"5x/td» 
Utr3 
str 
std»sinput type-"submit" name-"upload" value-"Upload"-«x/td» 
Utr3 
«/ table» 
/forms 


47 


fif $success -- '1') 
Simg src-"images/f$fn)"- 
if) 


Yang menjadi titik utama mungkin adalah skrip yang tercetak tebal di 
atas. Itu artinya ketika variabel assign success bernilai sama dengan 
1, maka akan langsung ditampilkan gambar hasil upload tersebut. 
Nama file didapat dari skrip assign fn yang terjadi pada file php. 


Langkah terakhir adalah membuat folder baru dengan nama images 
di dalam folder kerja smarty Anda. Lihat pada Gambar 3.9. 


bela 
GS! ID « LocalDisk(C) » xampp » htdocs » smarty » el se 2| 
Organize v (@ Open Include in library v Share with v Burn New folder z-..Ol @ 
Me Pelan &| Name Date modified Type Size 
MI Desktop “1 images 10/22/201210:01... File folder 
18 Downloads Hi Tibs Date created: 10/22/2012 10:00 PM F 
15) Recent Places |. templates Empty folder 
|. templates c 10 
(#8 Libraries G3 edit 10/2 1 KB 
7) Documents z|  @ihapus 10/2 1KB 
ad Music (&i koneksi 10 1KB 
BI Pictures (j section 10 1KB 
B Videos (Pj section2 10 1 KB 
(G2j tambah 10/2 1KB 
7) Computer (aj tampil 10 1KB 
&, Local Disk (C) (Gj upload move 10 PHP File 1KB 
ca Local Disk (D:) 
«cm Local Disk (E:) 
images Date modified: 10/22/2012 10:01 PM 
File folder 


Gambar 3.9 Buat folder images.php 


Jalankan skrip yang telah dibuat melalui web browser dengan 


mengetikkan url http://localhost/smarty/upload move.php, maka 


Anda akan mendapatkan form seperti pada Gambar 3.10. Silakan 
lakukan upload file, kemudian akhiri dengan klik tombol Upload. 
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@emtem 0 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 
12, Terbanyak Dikunjungi @ Perkenalan 2, Berita Terbaru 


|| El http-/Mocalhost/s...y/upload.move-php |“ 
| Upload File : Exasfa.solutionjpgl 


| 


@ 5 (& " AS lea) http://localhost/smarty/upload move.php 1.7 - “9- Google Ps) 


If ava "Search. Ok, Search | u Safe MI - | (5, Weather Faceboo| 


Selesai 


Gambar 3.10 Hasil skrip upload move.php 


3.59 Menggunakan Copy 


Berbeda dengan move uploaded file, copy juga digunakan untuk 
melakukan proses upload file. Bedanya copy akan diletakkan pada 
log temp terlebih dahulu, lalu akan diteruskan ke direktori tujuan. 


Buat file dengan nama upload copy.php dan simpan ke dalam folder 


smarty. Adapun skripnya sebagai berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php'), 
$smarty - new Smarty, 


if ($ POSTf 'upload'J) —- "'Upload')4 
$F1 - $ FILES/( 'image'JI 'tmp name'1: 
$F1 name - $ FILES| 'image'JI 'name'1: 
$F1 type - $ FILES|'image'JI 'type'1: 
$F1 size - $ FILES('image'J('size'J: 


if(!empty($F1 type))£ 
switch ($F1 type) £ 
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case "image/jpeg" : 
copy($F1, "images/$F1 name"): 


break: 
case "image/pjpeg" : 
copy($F1, "images/$F1 name"): 


5 


$smarty-2zassign("success", 1), 
$smarty-sassign("fn", $F1 name): 


5 


$smarty-»display("upload move.tp1"): 
225 


Penjelasan kode: 


e  if(lempty(SF1 type))£( jika type data tidak kosong, maka 
jalankan proses selanjutnya. 


e case "image/jpeg" : atau case "image/pjpeg" : itu menandakan 
bahwa file yang di-upload berupa gambar dengan format .jpg. 


e  copy($F1, "images/$F1 name"): lakukan copy dari lokal temp ke 
direktori tujuan. 


e Untuk skrip lainnya, penjelasannya sama. Di sini kita meng- 
gunakan file layout upload move.tpl. Karena isinya sama saja, 
jadi untuk memperingkas pembahasan. 


Silakan buka web browser Anda kembali dengan mengunjungi 
alamat http://localhost/smarty/upload copy.php. Maka hasilnya 
akan sama seperti pada Gambar 3.10. 


353 Thumbnail 


Thumbnail identik dengan gambar, by the way.. apa sih thumbnail 
itu? .. Begini sob.. dalam suatu website, pasti Anda pernah melihat 
suatu gambar dengan ukuran besar maupun kecil. Dan uniknya nih.. 
kedua gambar tersebut ditampilkan dalam kualitas sangat baik, 
dalam artian tidak pecah (padat resolusi). Itulah yang dimaksudkan 
dengan thumbnail, teknik me-resize suatu gambar. 


Kita melakukan upload gambar dengan ukuran 1600 x 1200 piksel. 
Pada saat kita upload, gambar tersebut akan dilakukan resize 
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(pemisahan gambar asli dan gambar thumbnail) sehingga pada web 
konten, gambar thumbnail tersebutlah yang ditampilkan. Berarti 
gambar yang asli tidak berguna donk? .. ya enggak gitu .. Gambar 
asli tetap digunakan apabila kita ingin melihat gambar dalam ukuran 
yang sebenarnya (zooming). Hal ini dilakukan untuk memperingan 
daya akses web serta juga menghemat bandwith hosting. Nah.. pada 
subbab ini, kita akan mencoba untuk melakukan trik thumbnail ini. 
Berikut langkahnya. 


Langkah Pertama 


Buat file yang isinya fungsi thumbnail. Simpan dengan nama 
thumbnail.php dan simpan dalam folder kerja smarty Anda. Adapun 
skripnya sebagai berikut: 


«?php 

function Upload( $uploadName) 
// File gambar diupload 
£direktori - "images/", 
$direktoriThumb - "images/thumb/" : 
$file - $direktori . $uploadName: 


// Simpan gambar dalam ukuran sebenarnya 
$realImagesName - $ FILES| 'image'J| 'tmp name'1: 
move uploaded file($realImagesName, $file), 


// Identitas file gambar 

$realImages - imagecreatefromjpeg($file): 
$width - imageSX($realImages): 

$height - imageSY($realImages): 


// Simpan dalam ukuran file yang diinginkan (thumb) 
$thumbwidth - 150: 
$thumbHeight - ($thumbwidth / $width) “ $height, 


// Fungsi untuk mengubah ukuran gambar 

$thumbImage - imagecreatetruecolor ($thumbwidth, 
$thumbHeight): 

imagecopyresampled($thumbImage, SrealImages, 0, 0, 0, 0, 
$thumbwidth, $thumbHeight, $width, $height): 


// Simpan gambar thumbnail 
imagejpeg( $thumbImage, $direktoriThumb : "thumb " 
$uploadName): 


// Hapus objek gambar dalam memori 


imagedestroy($realImages): 
imagedestroy($thumbImage): 
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Pada skrip di atas, terdapat variabel Sdirektori dan SdirektoriThumb. 
Variabel tersebut merupakan tempat folder untuk menyimpan 
gambar, seperti yang dilihat. Gambar asli akan disimpan dalam 
folder images sedangkan gambar thumbnail akan disimpan dalam 
folder images/thumbs. Oleh sebab itu, jangan lupa buat folder 
“thumb” dalam folder images... folder images-nya nggak usah dibuat 
lagi, kan sudah pernah kita buat sebelumnya. 


Untuk file layout-nya, kita tetap sama menggunakan 
upload move.tpl, hanya saja ada sedikit skrip yang perlu diubah. 
Perhatikan skrip yang tercetak tebal berikut: 


fCif $success -- '1') 
cimg src-"images/f$fn)"5 sbr»cbr- 
Thumb: sbr- 
simg src-"images/thumb/thumb £$fn7"- 
Vif) 


Selanjutnya kita buat file upload thumbnail.php, kemudian simpan 
ke dalam folder kerja smarty Anda. Dan jangan lupa isikan dengan 
skrip berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php"), 
$smarty - new Smarty, 


// panggil file thumbnail 
include "thumbnail.php" : 


if ($ POSTf 'upload') —- 'Upload")£ 
// deklarasi parameter POST ke dalam variabel 
$F1 — $ FILES( 'image'J( 'tmp name'1: 


$F1Name - $ FILES( 'image'J( 'name'J: 
$F1Type - $ FILES(''image'JI 'type'1: 
$F1Size - $ FILES('image'J('size'1, 
// Menggunakan fungsi Upload dengan mengirimkan variabel 

$F1Name 
Upload ($F1Name): 
$smarty-zassign("success", 1), 
$smarty-zassign("fn", $F1Name): 

5 

$smarty-»display("upload move.tp1"): 

25 
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Buka web browser Anda dengan mengetikkan url 
http://localhost/smarty/upload thumbnail.php, akan tampil hasil 
seperti Gambar 3.11. Browse image dan akhiri dengan klik Upload. 


NN 
Berkas Ubah Tempilan Bowoyat Bookmark Alet. Bentuen 

eat GK OA BE hmps//lecalhort/imarty/uplosd. thumbnail.php Op - Ni Google »| 
9. Terbanyak Dikunjungi GD Perkenalan 2 Berda Terbaru 
MMC» so GA Searen | Safe | 65 Weather IKI Focebook | 121 Speedtest (7 
(GI #ttp//Mocalihost/u—toad #hummbenaik pap |“ - 


Upload File : EiCipboardo2jpd Liow, 


Upload 


BASA Solution 


(OLI Solution 


Gambar 3.11 Hasil skrip upload thumbnail.php 


Jika Anda masih kurang percaya, bisa Anda lihat pada folder 
images-nya. Lihat Gambar 3.12. 


Il « htdocs » smarty » images » » | &g IV Search images 
5  —e Pama ma 


Organize » (5) Open Includeinlibrary » — Sharewith v Slideshow» 


Yg Favorites - | 
HE Desktop 
(lg Downloads Sohttan 
(E) Recent Places DN Sort | 
thumb 


— CiipboardO2 


(G8 Libraries 
(Bl Documents 
dd) Music 
IE) Pictures 
B Videos 


(MI Computer 
is Local Disk (C) 
ca Local Disk (D:) 
&a Local Disk (E) 


File folder 


F thumb Date modified: 10/22/201211:07 PM 
Setan 


Gambar 3.12 Gambar telah ter-upload dalam folder images dan thumb 
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3.6 Membuat Saging (Halaman ) 


Paginasi halaman tentu merupakan fitur utama yang harus ada 
dalam suatu web. Tapi dipikir-pikir, bukan harus ada sih, tapi 
tergantung dari kondisi web tersebut.. jiah... sih om plin-plan.. 8 


Untuk membuat paging menggunakan php biasa, sangat mudah, 
tutorialnya pun banyak sekali di internet. Cukup tanya ama mba 
google, dapet deh fungsi yang diinginkan. 


Nah, jika kita ingin membuat paging menggunakan smarty? 
Bagaimana yah om? .. Sedikit sekali tutorial yang membahas 
mengenai smarty. Untuk itu, di sini penulis ingin berbagi ilmu dengan 
Anda. 


Kita menggunakan tabel tmahasiswa yang telah dibuat sebelumnya. 


Buat file dengan nama paging.php dan simpan dalam folder kerja 
smarty Anda. Adapun skripnya sebagai berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php"):, 
$smarty - new Smarty, 


include "koneksi.php": 


Sa muee—i 

Snext - $ GETf 'next'J, 

if (empty (Snext) ) £ 
$posisi - 0, 


$next -— 1: 
else f£ 
$posisi - (Sfnext - 1) “ $limit, 
5 
$sgl - mysgl guery( "SELECT '“ FROM tmahasiswa LIMIT $posisi, 
$Slimit"), 


$no - 1t$posisi, 
while ($data - mysgl fetch array($sgl))t 
$dataresult|J - array( 'no' -2 $no, 
'nim' —5 $dataf 'nim'), 
'nama' —5 $data| 'nama'1, 
'alamat' —» $dataf'alamat'1, 
'id jurusan' -5 $dataf'id jurusan'J 
y: 
$no--: 


5 


$sgl paging - mysgl guery( "SELECT “ FROM tmahasiswa"): 
$jmldata - mysgl num rows($sgl paging): 
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$jumlah halaman - ceil(f$jmldata / $limit), 


for($i —- 1, $i — f$jumlah halaman: $itt)£ 


5 


if ($i —— $fnext) ( 
$url - "yes", 


5 
elsef 
$url - "no", 


Snum|J - array( 'i' — $i, 
'url' —5 $url):, 
$smarty-sassign("num", $num): 


$smarty-2assign("data", $dataresult), 


$smarty-»display("paging.tp1"): 


25 


Penjelasan kode: 


error reporting(0): digunakan untuk menghilangkan semua 
error yang akan ditampilkan. 


reguire( 'libs/Smarty.class.php'): digunakan untuk memanggil 
class library smarty. 


$smarty - new Smarty: membuat objek baru dari class smarty. 


include "koneksi.php": berfungsi untuk memanggil fungsi 
koneksi yang akan digunakan sebagai penghubung antara php 
dengan database mysgl. 


limit - 1: membuat variabel batas. Variabel ini akan 
digunakan sebagai limit atau pembatasan penampilan halaman. 
Artinya setiap halaman akan ditampilkan hanya 1 data. 


Snext - $ GET(''next'J: digunakan untuk menangkap parameter 
variabel next untuk menentukan posisi tampilnya data. 


if (empty (Snext) ) £ jika parameter GET dari next adalah 
kosong, maka akan dibuat variabel $posisi dan $next. Ini juga 
akan menentukan posisi tampilnya halaman. Jika $next tidak 
kosong, maka akan dibuat variabel $posisi. 


$sgl - mysgl guery( "SELECT “ FROM tmahasiswa LIMIT $posisi, 
Slimit"): skrip yang digunakan untuk mengambil data 
mahasiswa dari tabel tmahasiswa. Hanya saja data ini akan 
dibatasi sesuai dengan variabel $limit. 
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e Sno - 14$posisi: digunakan untuk penomoran halaman. 


e while ($data - mysgl fetch array($sgl))t digunakan untuk 
menampilkan data. Data ini akan disimpan ke dalam bentuk 
array ($dataresult). 


e S$sgl paging - mysgl guery( "SELECT “  FROM  tmahasiswa"): 
digunakan untuk menyaring data terhadap tmahasiswa. Hanya 
saja pengambilan data mahasiswa ini tidak kita batasi. 


e S$jmldata - mysgl num rows($sgl paging): digunakan untuk 
menghitung banyaknya data yang dihasilkan dari $sgl paging. 


e  Sjumlah halaman - ceil($jmldata / $limit), skrip untuk mela- 
kukan pembulatan ke atas terhadap angka yang dihasilkan. 


e  for($i - 1: $i «- $jumlah halaman: $iw)( melakukan skrip 
perulangan terhadap angka yang dihasilkan. 


e  if($i -—- $fnext) £ ini sebenarnya gampang-gampangnya 
penulis aja. Jadi logikanya, jika nomor itu sama dengan 
parameter next yang ditangkap, maka kita buatkan variabel 
$url bernilai Yes. Jika tidak, maka kita buatkan $ur1 bernilai No. 


e  Snum(j karena ini bersifat perulangan angka yang kita tidak tahu 
entah berapa banyaknya perulangan yang dilakukan maka kita 
buatkan variabel $num dengan tambahan (J, artinya data itu 
adalah lebih dari 1. 


e  $smarty-»assign("num", $num): — melakukan assign terhadap 
variabel $num. Ini akan dijadikan sebagai angka paging. 


e  $smarty-sassign("data", $dataresult): melakukan assign 
terhadap variabel $dataresult. Ini akan dijadikan sebagai 
tampilnya data mahasiswa. 


e  $smarty-»display("paging.tpl"): kita atur agar semua skrip 
yang telah kita buat hanya akan ditampilkan pada file 
paging.tpl. 


Selanjutnya buat file layout dengan nama paging.tpl dan simpan di 
dalam folder template. Adapun skripnya sebagai berikut: 


xh45Data Mahasiswas/td» 
stable border-15 
ctrs 
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ctd2Noc/td» 
std2NIML/tdz 
ctd»Namax/td» 
std»Alamat«/td» 


std»Id Jurusan«/td» 
std colspan-22Aksis/td» 
trs 


(section name-hasil loop-$data) 


str3 
std»ff$datafhasil|. 
std»#$data|(hasill. 
std»#$data|(hasill. 
std»#$data|(hasill. 
std»#$data|(hasill. 
std»sa href-"edit. 


nojx/td» 

nim'x/td» 

nama1x/ td» 

alamat)«/td» 

id jurusan)«x/td» 
php?nim-f$data(hasilJj.nim)"-Editx/a»x/td» 


ctdsxa 


href-"hapus.php?nim-ff$data(hasil|.nimi"5Hapusx/a»x/td» 
Utr3 


t(/sectionj 
d/table» 
(section name-num loop-$num) 
Cif $num(numJ.url — "yes"i 
($numfnumj.i3 
telse) 
ca href-"paging.php?next-f£$numfnumJ .i) "4$numfnumJj.ihx/a2 
Vif) 
t/sectionj 
Buka web browser Anda dengan mengetikkan url 


http://localhost/smarty/paging.php, maka akan tampil konten seperti 
Gambar 3.13. Lakukan klik data terhadap link paging yang tampil. 


ee) 


(@ Mozilla Firefox 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 
2) Terbanyak Dikunjungi @ Perkenalan 1 Berita Terbaru 
MEAVG - Score! A, searen | G Sate  - | &5 Weather IE Facebook | 
| (EJ http://localhost/s...paging-php?next-1 | - 


A3 EI http://localhost/smarty/paging.php?next-1 - | 9g - Google » | 


Data Mahasiswa 
No|/NIM 
1 (koro1 


|“ 


|Nama (Alamat 


Id Jurusan (Aksi 


|Agus Saputra |Arjawinangun (2 (Edit fkapus 


xX Cari: 


3 (VJ Cocokkan BESAR/keci 


http://localhost/smarty/paging.php?next-2 


- 


Gambar 3.13 Hasil skrip paging.php 
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3.7 Farce Download 


Upload file? Sudah... 
Paging? Sudah juga.. 


Hmmm.. kali ini kita masuk saja ke dalam pembahasan force 
download. Soalnya kenapa penulis menyertakan fungsi ini dalam 
buku? .. Karena fitur ini hampir setiap kali ada dalam suatu website. 
Ditambah penulis rasa, fitur ini juga cukup penting. Apalagi 1 yang 
penulis tekankan, susah sekali mendapatkan tutorial mengenai trik- 
trik dalam bahasa smarty. 


Force download merupakan suatu proses perpindahan dari sistem 
server ke sistem lokal kita. Dalam bahasa Indonesia, Download itu 
sama dengan Unduh data. Data yang di-unduh ini banyak sekali 
macamnya, bisa berupa images, video, dokumen, file, dan lain 
sebagainya. Namun karena pada latihan sebelumnya, kita melaku- 
kan download terhadap file gambar, maka di sini penulis juga akan 
memberikan sampel untuk proses download gambar juga. 


Untuk mempersingkat pembahasan, buka file move upload.tpl, 
kemudian tambahkan skrip yang tercetak tebal berikut: 


Cif $success — '1') 

sa href-"download.php?id-f$fn)"5-cb»Download  Filex/b»x/a2 
sbr2cbr2 

«simg src-"images/f$fn)"5 sbrscbrs 

Thumb: «br» 

cimg src-"images/thumb/thumb £$fn7"- 
Vif) 


Selanjutnya buat file php dengan nama download.php, simpan dalam 
folder kerja smarty Anda, dan tuliskan dengan skrip berikut: 


«?php 
$direktori - "images/": 
$filename - $ GETf'id'J, 


$file extension - strtolower(substr(strrchr($filename,"."),1)): 


// cek ekstensi file (apakah jpeg, pdf, doc, dll) 
switch($file extension) 

case "pdf": $ctype-"application/pdf", break, 

case "exe": $ctype-"application/octet-stream", break, 

case "zip": $ctype-"application/zip", break, 

case "rar": $ctype-"application/rar", break: 

case "doc": $ctype-"application/msword", break, 

case "xls": $ctype-"application/vnd.ms-excel", break, 
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case "ppt": $ctype-"application/vnd.ms-powerpoint", break, 
case "gif": $ctype-"image/gif", break, 
case "png": $ctype-"image/png", break, 
case "jpeg": 
case "jpg": $ctype-"image/jpg": break, 
default: $ctype-"application/proses" , 
5 


// Perintah untuk Force file 

header("Pragma: private"), 

header("Expires: 0"), 

header( "cache-Control: must-revalidate, post-check-—0, pre- 
check-0"), 

header("Cache-Control: private", false): 

header("Content-Type: $ctype"): 

header("content-Disposition: attachment: 
filename-N"" .basename(Sffilename)."N"," ), 
header("Content-Transfer-Encoding: binary"), 


header("Content-Length: ".filesize(f$direktori.$filename)):, 
readfile("$direktorif$filename"): 

exit (): 

22 


Buka web browser Anda, dan jalankan skrip upload thumbnail.php 
(http://localhost/smarty/upload thumbnail.php). Lakukan upload, 
ketika berhasil, akan tampil link Download. Lihat Gambar 3.14. 


(@ Mozilla Firefox ak XX 55 Tega 
Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 

@ Pc MEI http://localhost/smarty/upload. thumbnail.php - NB -| Google » 
8) Terbanyak Dikunjungi @ Perkenalan 1» Berita Terbaru 

MEAVG - Search A Search | G Sate FI - | €5 Weather Kid Facebook | (21 Speedtest 172 IGD 


(E http/Mocalhost/s...load thumbnailphp |“ 


Upload File : | Telusuri. 
(Upload | 


Download File 


PT. ASFA SOLUTION 
SOFTWARE DEVELOPMENT 
Agus Saputra Jl, Pegadaian No. 38 RT. O1 RW. 01 
Head of Development Division ra NN NG 2) 
Jawa Barat - Indonesia 45162 
P :62-231358630 
M :62-856 212 1141 


agus.saputra@asfasolution.com www.asfasolution.com 


Thumb: 
BMP Sabun 


http://localhost/smarty/download.php7id- Agus Saputrajpg 


Gambar 3.14 Hasil skrip download.php 


59 


Klik link download, maka akan ditampilkan jendela download seperti 
pada Gambar 3.15. Pilih Open jika ingin membuka, dan Save jika 
Anda ingin menyimpannya ke dalam komputer lokal Anda. 


(@ Mozilla Firefox o|g| sx) 


G- Cc GE) http://localhost/smarty/upload thumbnail.php - 29 - Google Ps) 


'2) Terbanyak Dikunjungi @ Perkenalan 3! Berita Terbaru 


MEAVG - Score OA Searen | Sate FI »| 5 Weather IKI Facebook | 121 Speedtest (72 SI 
(B3 http//localhost/s...load thumbnailphp |“ 


Upload File : | Telusuri... | 


| Upload | Membuka Agus Saputrajpg 


Anda memutuskan untuk membuka 


EA Agus Saputrajpg 


Download File 
adalah sebuah: ACDSee 10.0 JPEG Image 
(1 OGTO | dari: http://localhost 
A #7235 #2 AI Apa yang sebaiknya Firefox lakukan dengan berkas ini? 


) Buka dengan | ACDSee 10 Photo Manager (default) 


@& Simpan Berkas 
Agus Saputrdi 


(FJ Lakukan secara otomatis untuk berkas seperti ini mulai sekarang. 
Head of Developmeli 


(sai 


agus. saputra@asfasolution.com www.asfasolution.com 


BBI Sabatan Ker 


Gambar 3.15 Download file 


38 Import File Excel 


Adakalanya setiap inputan data tidak bisa dilakukan satu per satu. 
Sebabnya, bisa jadi karena banyaknya data, jadi tidak dimungkinkan 
untuk input data satu per satu. Seperti contohnya pengalaman 
penulis bekerja di salah satu perusahaan swasta. Penulis diharuskan 
memasukkan data yang jumlahnya lebih dari 20.000 data setiap 
harinya. Kalo penulis buat sistem manual, bisa-bisa tahun 2015 baru 
selesai tuh kerjaan. Mau nggak mau, penulis buat suatu fitur, di mana 
dalam 1 kali klik, seluruh data akan tersimpan semuanya dalam 
waktu singkat. Fitur tersebut dinamakan “Import”. Nantinya data 
yang diimpor, akan disimpan dalam bentuk dokumen Excel, dan 
kemudian akan diimpor melalui sebuah sistem, dan akan disimpan 
dalam database. 
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Langkah Pertama 


Download file excel reader dari situs 
http://www.4shared.comjfile/ 1xmtEZeZ/excel reader2.html (akan 
menghasilkan file zip). Kemudian lakukan ekstrak pada file zip 
tersebut dan letakkan pada folder kerja Anda di htdocs. 


Langkah Kedua 


Di sini kita masih tetap menggunakan tabel mahasiswa sebagai studi 
kasus database-nya. So, kita lanjut saja membuat file php dengan 
nama import.php dan simpan dalam folder kerja smarty Anda. 
Adapun skripnya sebagai berikut: 


«?php 

error reporting(0): 

reguire( 'libs/Smarty.class.php"), 
$smarty - new Smarty, 


// panggil file excel reader 
include "excel reader2.php" 


// koneksi ke mysgl 
include "koneksi.php" : 


if ($ POSTf 'upload') -- 'Import')£ 
// membaca file excel yang diupload 
fdata - new 


Spreadsheet Excel Reader($ FILES| 'userfile'J(|'tmp name')): 


// membaca jumlah baris (excel) 
$baris - $data-zrowcount($sheet index-0): 


// nilai awal counter untuk jumlah data yang sukses dan 
yang gagal diimport 

$sukses - 0: 

$gagal - 0: 


// import data excel mulai baris ke-2 (karena baris pertama 
adalah nama kolom) 
for ($i-2, $ix-$baris, $it4) ( 
// membaca data nim (kolom ke-1) 
$nim - $data-»val($i, 1), 
// membaca data nama (kolom ke-2) 
$nama - $data-»val($i, 2), 
// membaca data alamat (kolom ke-3) 
$alamat - $data-»val($i, 3), 
// membaca data id jurusan (kolom ke-4) 
$idjurusan - $data-»val($i, 4): 


// setelah data dibaca, simpan ke dalam tabel 
mahasiswa 

$hasil - mysgl guery("INSERT INTO tmahasiswa VALUES 
('$Snim', '$nama', '$alamat', '$idjurusan')"), 
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$smarty-sassign("success", "Data berhasil diimport"): 


h 
$smarty-»display("import.tp1"): 
23 


Langkah Ketiga 


Buat file layout dengan nama import.tpl (karena file php akan 
ditampilkan pada file import.tpl). Simpan ke dalam folder template. 
Adapun skripnya sebagai berikut: 


($success) 

sh12Import Data Mahasiswas/h12 

sform method-"post" enctype-"multipart/form-data" action-""5 
Unggah File Excel: «xinput name-"userfile" type-"file"» 
sinput name-"upload" type-"submit" value-"Import"- 

/forms 


Langkah Keempat 


Buat data dalam format Excel (.xIs) untuk kita upload pada skrip 
yang telah kita buat. Formatnya dapat Anda lihat seperti gambar ini. 


va 3 3 data (Compatibility Mode) - Microsoft Excel 


Pagelayout  Formulas — Data Review View @ - » X 


| Home | Insert 


| n & calibri al Haa (ss - “y Ai as - 
Paste 15: jan ata 5 HA -- | 2 3 Aa Number | Styles | Celis &- da 
- FS la-saAs sja SN Ae: 
Clipboard Font LE Alignment 2 NA | UNA | Editing 
F16 " G Lk 
1 INim Nama Alamat Id Jurusan 
'|2 |20001 AgusSaputra — Arjawinangun - Cirebon 2 
3 | 20002 Feni Agustin Kesambi - Cirebon 1 
4 | 20003 Anthonius Arjawinangun - Cirebon 2 
I 5 | 20004 Yai Khaidir Jakarta 1 
| 6 | 20005 Daman Huri Jakarta 1 
7 |20006 Albert Lautama Arjawinangun - Cirebon 1 
8 | 20007 Sofyan Maulana Jakarta 1 
9 | 20008 Jeffli Mauliadi Jakarta 2 
10 | 20009 Saluky Cirebon 2 
2 


11 | 20010 Hadi Setiawan 
12 
13 
14 


WAN Sheeti 


Arjawinangun - Cirebon 


Sheet2 , Sheet3 , F3 AN 


Ready | 


Gambar 3.16 Format data Excel 
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Untuk melihat hasilnya, bisa Anda buka web browser Anda dan 
ketikkan url http://localhost/smarty/import.php. Import file Excel 
dengan format yang sudah ditentukan seperti pada Gambar 3.16. 
Klik tombol Import dan lihat hasilnya seperti pada Gambar 3.17. 


(@ Morila Firefox ema ia | 


Berkas Ubah Tampilan Riwayat Bookmark Alat Bantuan 


. (- A rai 2) http://localhost/smarty/import.php w -| B | Google Pal 
.?) Terbanyak Dikunjungi @ Perkenalan 35, Berita Terbaru 
Mava "Search O, Search | g Safe MI -| ("5 Weather Facebook | (219 


1|| 3 http/Mocalhost/smarty/import.php IEsi Is 
Tampar jika berhasil, akan tampil “Data berhasil diimport" | 


Import Data Mahasiswa 


Unggah File Excel: Erdataxls 
p 


V| Selesai . 


Gambar 3.17 Hasil skrip import.php 


Untuk memastikannya, bisa Anda lihat pada database-nya secara 
langsung, data sudah tersimpan. Lihat Gambar 3.18. 
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(Berkas 


Ubah 


 phpM 


Tampilan Riwayat Bookmark Alat 


Bantuan 


@- CX AK (BI https//localhost/phprnyadmin/index.php?db- dbsmarty&ttoken-Ofcec32466779cf0C 77 - 


29 - Google 


lal Terbanyak Dikunjungi NP Peskenalan Im) Berita Terbaru 


| 9 sate -| 65 Weather KI Facehook | (2 Specdtet 12 


phpMyAdmin 


Tampilkan : | 30 row(s) starting from row # | 0 diatur dengan urutan 
| horisontal - | aan mengulang header setelah | 100 sel. 


NGGU6 Urut berdasarkan kunci: (tanpa Gl 

t Options 
an BEN 
(EF) tmahasiswa Aa P7 Ubah (2 Inine Edit 3 Copy @ Hapus 20001 Agus Saputra Arjawinangun - Cirebon f 2 
$ H & Ubah (s1 Inline Edit &z Copy @ Hapus 20002 Feni Agustin — Kesambi - Cirebon 1 
ena aj Autah Rinine Ecit 3 Copy @ Hapus 20003 Anthonius Arjawinangun - Cirebon 2 
DH & Ubah (& Inline Edit & Copy @ Hapus 20004 Yai Khaidir Jakarta 4 
Pl # Ubah (X Inline Edit Hi Copy @ Hapus 20005 Daman Huri Jakarta 1 
Dl Ubah | Inline Edit ki Copy @ Hapus 20006 Albert Lautama Arjawinangun - Cirebon 4 
H & Ubah (4 Inline Edit kt Copy @ Hapus 20007 Sofyan Maulana Jakarta 1 
HI Ubah (5 Inline Edit H4 Copy @ Hapus 20008 Jeffli Mauliadi — Jakarta 2 
HI & Ubah (& Inline Edit & Copy @ Hapus 20009 Saluky Cirebon 2 
H Ubah | Inline Edit F4 Copy @ Hapus 20010 Hadi Setiawan  Arjawinangun - Cirebon 2 
to Pilih semua / Balik pilihan yang ditandai: 4? Ubah” & Hapus Id Ekspor k 

Tampilkan - | EN row(s) starting from row # | 9 diatur dengan urutan 

Selesai EA - 


Gambar 3.18 Data berhasil disimpan 


